﻿<!DOCTYPE html>
<html>
<head>
    <title>ToDoList</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <link href="../css/todolist.css" rel="stylesheet" />
</head>
<body>
    <header>
        <div>
            <form>
                <label for="title">ToDoList</label>
                <input type="text" id="title" name="title" placeholder="添加ToDo" required="required" autocomplete="off" />
                <button onclick="addItems()" style="cursor:pointer">添加</button>
            </form>
        </div>
    </header>
    <div id="interface">
        <h2 onclick="save()">正在进行 <span id="todocount"></span></h2>
        <table id="todoList" class="table"></table>
        <h2>已经完成 <span id="donecount"></span></h2>
        <table id="doneList"></table>
        <h2 onclick="clear()">清除全部<span id="allcount"></span></h2>
    </div>
    
    <script src="../js/todolist.js"></script>
</body>
</html>